.hot-in {

  /* height: 230px; */
  background-color: bisque;
  box-sizing: border-box;
  padding: 0 20px 20px;

}

.hot-in h3 {
  height: 48px;
  line-height: 48px;
  font-size: 0;
}

.hot-in h3 img {
  height: 22px;
}

.hot-in h3 span {
  font-size: 16px;
  vertical-align: middle;
}

.tools {
  height: 161px;
  background-color: black;
  display: flex;
  column-gap: 10px;
}

.tools .tool-item {
  height: 100%;
  background-color: red;
  flex: 1;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.tool-item .bot-detail {
  flex: 1;
  background-color: chartreuse;
  display: flex;
}

.bot-detail .bd-img {
  flex: 0 0 50px;
  height: 100%;
  background-color: coral;
  position: relative;
}

.bot-detail .bd-img img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: 100% 100%;
  /* 图像内容从顶部中心对齐 */
}

.bot-detail .bd-img .layer {
  height: 50px;
  width: 50px;
  position: absolute;
  inset: 0 0 auto auto;
  /* background-color: rgba(255, 255, 255, 0.3); */
  /* backdrop-filter: blur(1px); */
  /* 对元素背景进行10px的模糊处理 */
}

.bot-detail .bd-cont {
  flex: 1;
  height: 100%;
  background-color: blueviolet;
}

.tool-item .bot-footer {
  flex: 0 0 40px;
  background-color: blue;
}